<template>
  <div class="alarm-message table-data">
    <el-table :data="tableData">
      <el-table-column label="房间号" align="center"></el-table-column>
      <el-table-column label="工单状态" align="center"></el-table-column>
      <el-table-column label="事件类型" align="center"></el-table-column>
      <el-table-column label="网关识别号" align="center"></el-table-column>
      <el-table-column label="设备型号" align="center"></el-table-column>
      <el-table-column label="仪表地址" align="center"></el-table-column>
      <el-table-column label="回路名称" align="center"></el-table-column>
      <el-table-column label="详情描述" align="center"></el-table-column>
      <el-table-column label="创建时间" align="center"></el-table-column>
    </el-table>
    <div class="pagination">
      <Pagination
        v-model:currentPage="params.currentPage"
        :total="total"
        v-model:page-size="params.pageSize"
      />
    </div>
  </div>
</template>
<script setup>
let params = reactive({});
let total = 1;
let tableData = [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}];
</script>
<style scoped lang="scss">
.alarm-message {
  padding: 20px 20px 0 23px;
  .table-data {
  }
  :deep(.el-table__inner-wrapper) {
    height: 365px;
  }
  :deep(.el-table__row) {
    /* height: 20px !important; */
    background-color: #022552 !important;
  }
  .pagination {
    padding-top: 20px;
  }
}
</style>
